@import './vw';
@import './common';




.content{
  opacity: 0.8;
  .head{
    .item1{
      position: relative;
      i{
        
        color: blue;
      }
      .tips{
        color: #fff;
        position: absolute;
        top: vw(5);
        right: 0;
        width: vw(37);
        height: vw(37);
        background-color: red;
        border-radius: 50%;
        padding-top: vw(4);
        padding-left: vw(11);
      }
    }
    .item2{
      display: flex;
      // justify-content: space-between;
      align-items: flex-end;

      .item2-1{
        font-size: vw(38);
        font-weight: 300;
        color: #fff;
        margin-right: vw(10);
      }
      .item2-2{
        display: flex;
        justify-content: center;
        align-items: center;
        width: vw(106);
        height: vw(30);
        border: 1px solid #fff;
        font-size: 12px;
        font-weight: 100;;
      }

     
    }
    .item3{
      // display: flex;
      color: yellow;
      // justify-content: space-between;
      text-decoration:none;
      margin-bottom: vw(12);
      i{
        margin-left: vw(10);
      }

    }
    .item4{
      display: flex;
      // width: vw(250);
      // height: vw(35);
      // border: 1px solid red;
      font-size: vw(26);
      margin-bottom: vw(12);
      .item4-1{
        width: vw(107);
        justify-content: space-around;
        // width: vw(105);
        // height: vw(32);
        // border: 1px solid red;
        // border-right: 1px solid red;
        span:first-child{
          color: #fff;
        }
        span:last-child{
          color: red;
        }
      }
      .item4-1:first-child{
        border-right: 1px solid #fff;
        margin-right: vw(14);
      }
    }
    .item5{
      // display: flex;
      button{
        font-size: vw(38);
        width: vw(240);
        height: vw(83);
        border-radius: vw(60);
        border: transparent;
        background-color: #b70005;
      }
      button:last-child{
        background-color: #cdcdcd;
      }
    }

  }

  .details{
    position: relative;
    .item{
      &:after{
        position: absolute;
        text-align: center;
        top: vw(230);
        // left: 0;
        width: 50px;
      
        

        
        content: '';
        display: block;
        border-bottom: 1px solid red;
      }
      
    }
    .item-son{
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      height: vw(200);
      .son{
        
        // height: vw(75);
        color: #fff;
        // border: 1px solid red;


      }
      // .diver{
      //   width: vw(487);
      //   height: 1px;
      //   border: 1px solid red;
      // }
      
      
    }
  }


}